import Vue from 'vue'

import 'normalize.css/normalize.css' // 一个现代替代CSS重置(有的标签有默认的样式，所以都给他们重置掉)

import ElementUI from 'element-ui' // 引入element
import 'element-ui/lib/theme-chalk/index.css' // 引入element中的css样式
// import locale from 'element-ui/lib/locale/lang/en' // 引入element中的语言包

import '@/styles/index.scss' // 引入style全局样式

import App from './App'
import store from './store'
import router from './router'

import '@/icons' // 引入icon图标组件index.js代码，(只是为了让js代码执行，所以引入，不需要接受变量)
import '@/permission' // 路由权限控制JS，也是为了引入后被打包，在页面上执行js代码

// if (process.env.NODE_ENV === 'production') { // 打包生产的环境，会使用mock模拟数据接口
//   // 1.前后端商量好了，有哪些写页面，需要哪些接口，每个接口里有哪些数据字段
//   // 2.前后端同时开发/前端先开发(五后端接口可用，但是有确定的字段)
//   // 3.可以采用mock来模拟接口(和模拟返回的随机数据)
//   // mock也是一个封装好的包(但是一般在node.js中使用)，拦截ajax请求返回模拟数据
//   const { mockXHR } = require('../mock')
//   mockXHR()
// }

// 注册element和语言包
// Vue.use(ElementUI, { locale })
// 如果想要中文版 element-ui，按如下方式声明
Vue.use(ElementUI)

Vue.config.productionTip = false

// 创建vue实例对象
new Vue({
  el: '#app',
  router, // 在这里给vue原型上的$router和$route赋值
  store, // 在这里给vue的原型上添加vuex数据仓库
  render: h => h(App)
})
